<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="css/common-styles.css">
  <link rel="stylesheet" href="css/styles.css">
  <title>Курсы</title>
</head>

<body>
<div class="courses">
  <article class="course">
    <div class="course-preview">
      <img class="course-img"
           src="https://netology-code.github.io/html-2-homeworks/block-elements-positioning/netology-courses/img/designer-communication.png"
           alt>
    </div>
    <div class="course-info">
      <h3 class="course-name">Профессия frontend-разработчик</h3>
      <div class="course-description">
        <p>
          Освойте одну из самых востребованных профессий на сегодняшний день. Добавьте в свой арсенал три самые
          популярные технологии: HTML, CSS и JavaScript и создавайте сайты и интерактивные веб-приложения, доступные на
          большинстве платформ.
        </p>
      </div>
    </div>
  </article>
  <article class="course">
    <div class="course-preview">
      <img class="course-img"
           src="https://netology-code.github.io/html-2-homeworks/block-elements-positioning/netology-courses/img/fullstack-designer.png"
           alt>
    </div>
    <div class="course-info">
      <h3 class="course-name">Профессия fullstack-дизайнер</h3>
      <div class="course-description">
        <p>
          Fullstack-дизайнер способен самостоятельно разработать концепцию проекта и выполнить всю работу по её
          воплощению: создать прототипы, разработать дизайн, нарисовать все компоненты и сверстать их, используя HTML и
          CSS, а также курировать работу разработчиков по интеграции интерфейсов в приложение.
        </p>
      </div>
    </div>
  </article>
  <article class="course">
    <div class="course-preview">
      <img class="course-img"
           src="https://netology-code.github.io/html-2-homeworks/block-elements-positioning/netology-courses/img/digital-padavan.png"
           alt>
    </div>
    <div class="course-info">
      <h3 class="course-name">Digital-старт: первый шаг к востребованной профессии</h3>
      <div class="course-description">
        <p>
          Обзор профессий мира digital. С чего начать свой путь в digital, как выбрать ту специализацию, которая
          продойдет именно вам. Как представлять себя и свои умения заказчику, грамотно вести деловые переговоры и
          переписку, эффективно организовывать работу над проектом. Особенности работы на фрилансе и удаленно. Возможные
          направления развития в digital.
        </p>
      </div>
    </div>
  </article>
</div>
</body>
</html>
